<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<title>流量门户</title>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
<script src="js/util.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<section>
		<figure class="gallery-wrap">		
			<div>
				<img src="css/images/1.jpg"/>
				<figcaption>分享得流量，优惠多多</figcaption>
			</div>
			<div>
				<img src="css/images/test.jpg"/>
				<figcaption>分享得流量，优惠多多2</figcaption>
			</div>
		</figure>
		<nav class="nav-list">
			<ul>
				<li>
					<div>
						<i class="icon-sign-in"></i>
						<div>
							<h2>签到领流量</h2>
							<p>Sign in led traffic</p>
						</div>
					</div>
				</li>
				<li>
					<div>
						<i class="icon-share"></i>
						<div>
							<h2>分享得流量</h2>
							<p>Share to flow</p>
						</div>
					</div>
				</li>
				<li>
					<div>
						<i class="icon-coupon"></i>
						<div>
							<h2>优惠券领取</h2>
							<p>Coupon to receive</p>
						</div>
					</div>
				</li>
				<li>
					<div>
						<i class="icon-mana"></i>
						<div>
							<h2>流量管理</h2>
							<p>Traffic management</p>
						</div>
					</div>
				</li>
				<li>
					<div>
						<i class="icon-join"></i>
						<div>
							<h2>最新加盟</h2>
							<p>The latest to join</p>
						</div>
					</div>
				</li>
			</ul>
		</nav>
	</section>

	<script type="text/javascript">
		$(document).ready(function(){
			$('.gallery-wrap').slidesjs({
	    		navigation: false
			});
			$('.nav-list li').on('click',function(){
				var idx = $(this).index();
				switch (idx){
					case 0:
						window.location.href = 'signIn.html';
						break;
					case 1:
						window.location.href = 'share.html';
						break;
					case 2:
						$.mobAlert("此功能暂未开放，敬请期待！");
						break;
						
				}
			});
		});
	</script>
</body>
</html>